body ,font body
{ 
  font-family: 'Lato', sans-serif;
   color: #666;
  
}





#login_new_page .navbar-brand{
    height:auto;
}


.w300
{
    width:300px !important;
    }


#login_new_page .blue_text{
    color:#017efe;
}

#login_new_page ul{
    list-style:none;
}

#login_new_page ul li::before {
    content: "■";
    color:#017efe;
      padding-right:10px;
}




.center
{
    margin:0px auto;
    display:table;
}

a.logo img
{
    margin-right:10px;
}
a.center img
{
    margin-top:15px;
}


.blackcolor
{
    color:#000;
   
}

.bigbg 
{  background-color: #f0f4f6;
   
}

#header , #menu , .withebg 
{
    background-color:#fff;
}

.rightside
{border-left:#e0e3e6 solid 1px;
 padding-bottom:10px;
 min-height:800px;

    
}

#msgAll{float:left;text-align :left;}
a:hover
{text-decoration:none;
}

.blueColor{color:#6CB4FF }
a.White
{color:#fff;
}
.center-icon
{
      color: #999;
    display: table;
    font-size: 19px;
    margin: 15px auto;
}

.iconarrowbtn 
{
    color:#fff;
    background-color:#2198da;
    
}
.h1iconfont
{
    font-size:20px;
}
.noty_text
{
    line-height:20px  !important;
}

.minmumheght
{
    min-height:300px;
}

.border-bottom
{
    border-bottom:#e0e3e6 solid 1px;
    
}
.chide
{
    display:none;
}

h1,h2,h3,h4
{   font-family: 'Lato', sans-serif;
      font-family: "Lato",sans-serif;
   
    font-weight: 300;
    margin-top: 10px;
}

h1
{ font-size: 30px;
}


h2
{
    font-size:18px;
    border-bottom:#29566d dotted 1px;
    padding-bottom:10px;
}

.pt10
{
    padding-top:10px;
}
    
.mt5
{margin-top:5px;
}


.mt10
{margin-top:10px;
}

.mt20
{margin-top:20px;
}

.mr5
{
    margin-right:5px;
}
.mb20
{
    margin-bottom:20px;
}

.blue
{ color: #006d9b;
 
}

.headblue
{color: #2198da;
}

.cheakboxlable input
{
    margin-right:10px;
}

.line-candidate-bottom
{
    padding-bottom:10px;
    border-bottom:#ccc solid 1px;
}

.line-bottom
{
 
    border-bottom:#ccc solid 1px;
}


.candidatehead
{
     border-bottom:#ccc solid 1px;
     background-color:#eee;
}
.td-expander
{
    padding:0px !important;
}
.line-right-border
{border-right:#ccc solid 1px;
}
.removebuttonstyle
{
    background:none;
    color:#2e6da4;
    border:none;
    

}



.removebuttonstyle:hover
{  background:none;
    color:#2e6da4;
    border:none;
}
.paddingnone
{padding:0px;
}

.magintop10
{
    margin-top:10%;
}

.btn-sitecolor
{
    background-color:#2198da;
}

.btn-sitecolor:hover
{background-color:#2198da;
}


.border-bottom-dot
{
   border-bottom: 1px dashed #87bbd2;
     margin-bottom: 20px;
    padding-bottom: 10px;
}

#login_box
{
    background-color:#f0f4f6;
    
    padding-top:30px;
    padding-bottom:30px;
     border: 1px solid #e0e3e6;
     margin:0px auto;
     float:none;
  
}


#login_box  {
    color: #666;
  width:450px;

}

.logo-center
{
    margin:0px auto;
    display:table;
 
    padding-bottom:30px;
   
}



#login_box input.btn
{  
}

.topheadrow{
    background-color:#444341;
    height:4px;
}

#btnloginspace
{background-color:#444341;
 height:30px;
 color:#fff;

 border-radius:0px 0px 30px 30px;
}

#btnloginspace a
{
    color:#fff;  
}

#btnloginspace a:hover
{ color:#3c7690;  
}



.line-border
{ border-right:#FFF solid 1px;
}

#btnloginspace input
{
    background-color:#2198da;
     border-radius:5px 5px 5px 5px;
     border:none;
 
}



#logo img
{
    max-height:40px;
}


#menu nav
{
    margin:0px;
}





#menu nav
{
    
    border:none;
    background:#fff;
  
}

#menu nav .navbar-header a img
{
    padding-top:20px;
}
    

#menu .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus ,#menu .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{ 
    background:#fff;
  
    box-shadow:0px 2px 6px rgba(0, 0, 0, 0.12) inset;
        color:#666;
}



#menu .navbar-default .navbar-nav > li > a
{
       color: #666;
    
    padding-top:20px;
    padding-bottom:20px;
    border-left:#d0d0d0 solid 1px;
    font-size:14px;
    min-width:100px;
    text-align:center;
}

#menu .navbar-default .navbar-right > li > a
{ border-left:0px;
 
}

#menu .navbar-default .navbar-nav > li > a .fa
{
      color: #2198da;
      margin:0px auto 6px;
      float:none;
      display:table;
      font-size:20px;
      
}



.navbar-nav > li > .dropdown-menu
{
   border-radius:0px;
    background-color: #f5f5f5;
}


#menu .dropdown-menu
{
    margin-top:-1px;
}


#menu .navbar-default .navbar-nav  li.active > a
{
    background-color:#ebeaea;
    color:#999;
   
}

#menu .navbar-default .navbar-nav > li.active  > a .fa
{    color:#999;
}


/*




#menu .navbar-nav > li > .dropdown-menu
{    background-color: #444341;
      border-radius: 0px 0px 10px 10px;
       font-size: 14px;
       color:#fff;
}

#menu .dropdown-menu > li > a
{ font-size: 14px;
       color:#fff;
       
}
#menu .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
background-color:#3c7690;
}


{  background-color: #3c7690;
    border-radius: 10px 10px 0px 0px;
     color: #fff;
}
*/

#content_box
{

      border-bottom:#c6cfd3  solid 1px ;
      
     
     
      
       
      
}
.page_header
{  background: none repeat scroll 0 0 #2198da;
    border-bottom: 1px solid #c6cfd3;
    color: #fff;
    float: left;
    font-size: 16px;
    
    font-weight: normal;
    
    padding-top:10px;
    padding-bottom:10px;
}

.folder_name 
{
    background-color:#e2e9ec;
    width:98%;
    padding-left:2%;

   
    font-size: 14px;
}

#footer
{  
    background-color:#eee;
float:left;
    height: 46px;
    line-height:46px;
   
}

.gray-box
{
    background-color: #e2e9ec;
    border: 1px solid #b7cdd7;
    border-radius: 10px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
    padding-left:2%;
    padding-right:2%;
    width:96%;
      float: left;
}

.gray-box textarea
{
    min-height:108px;
}

ul.pager-links
{
    list-style:none;
}

.head-box-ifo
{    background: none repeat scroll 0 0 #e2e9ec;
    border: 1px solid #c6cfd3;
    color: #29566d;

    font-size: 16px;
    font-style: normal;
    font-weight: bold;

    padding: 10px 0 15px 15px;
    width: 100%;
    float:left;
}


.head-box-ifo h3
{
    padding-top:10px;
    padding-bottom:10px;
}
    
  .modal-content h4
  {
      color:#fff;

  }


.cursor{cursor :pointer;}


#grid-loader table th a[data-sort-order='']
{
    float:left;
    background-image:url(../images/arrow-sort-down.png);
    background-repeat:no-repeat;
    background-position:right;
    
    
  
    width:100%;
    
}


#grid-loader table th a[data-sort-order=''],#grid-loader table th a[data-sort-order='asc']
{
    float:left;
    background-image:url(../images/arrow-sort-down.png);
    background-repeat:no-repeat;
    background-position:right;
    
    
  
    width:100%;
    
}

#grid-loader table th a[data-sort-order='desc']
{ float:left;
    background-image:url(../images/arrow-sort-up.png);
    background-repeat:no-repeat;
    background-position:right;
    
    
  
    width:100%;
}
#Messagepopup .modal-body
    {
        height:300px;
        
        
        }



#frmSearch textarea
{
    min-height:105px;
}
.frmSearch {
    background: none repeat scroll 0 0 #f0f4f6;
    border: 1px solid #e0e3e6;
    margin-top: 10px;
    padding-top: 10px;
}
.treeclass
{
    background-color:#f0f4f6;
   
    
    overflow:hidden;
}


/*Messages*/

.Paging{padding: 15px !important;
        margin-bottom: 20px;
    padding: 15px;
        background-color:#f7f9f9 !important;
         border: 1px solid #ddd;
        }

.bottomline
{
    padding-bottom:10px;
    border-bottom:#ccc solid 1px;
}
.filters-box
{
    background-color:#f7f9f9;
    border:solid 1px #ddd;
    padding:10px;
}


.close-msg
{
    float:right;
}

.well
{
      background-color: #337ab7;
      color:#fff;
      padding:10px;
}

.well a
{      color:#fff;
       font-size:16px;
}



/* sort icon */
th a[data-sort-order="desc"] i.glyphicon-arrow-down:before {
  content: "\e093";

}


th a i.glyphicon
{
    margin-top:3px;
}
input.error
{
    border:solid 1px #B94A48;
}

select.error
{
    border:solid 1px #B94A48;
}
.hidden_error
{
    display:none;
}

/* valid */

.alert label {
    display: block;
}
.attach{ color:#6B6F73;}
.grey{ color:#6B6F73;}
.selected{ border:1px solid #E43737 ;color:#E43737;

 }
.pink{ color:#E43737;
 }
.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
     border-radius:0px;
}
.fa-arrow-up{color:#337ab7 !important;}
.fa-arrow-down{color:#337ab7 !important;}



.overlay {
   visibility: hidden;
     position: absolute;
     width:50%;
   float:right;
    
     text-align:left;
     z-index: 1000;
   
}

.PopupMsgDiv 
{
    
   width:100%;
     margin:10% auto;
    margin-top :25%;
    margin-bottom :25%;
     padding:2%;
     background-color: #fff;
     border:1px solid #000;
    
     text-align:center;
}

.msg{text-align:left;}
.right{float:right;}
.left{float:left;}

.selector-ss
{
    float:left;
    width:98%;
    padding-left:2%;
    margin-top:10px;
    
    text-align:left;
}

/*End Messages*
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}